/*
* 思路：用户可以通过该界面添加微博，删除微博信息，顶，踩，分页。
* 不管是增加，删除也好都需要操作数据。
* 1- 要呈现具体的一条微博信息，信息包含：
*    微博内容，提交时间，顶，踩
* 2- 需要描述多条数据，那么需要将数据设置为数组
*    [{
*       id:唯一标识
*       content:微博内容，
*       addTime:提交时间
*       topNum:0,
*       downNum:0
*    }]
*
* 添加思路：伪代码
* 1- 收集数据
* 2- 添加
* 3- 更新视图
* */

// 完成添加功能
// 获取添加按钮
const btn = document.querySelector(".inputs");
const contextArea = document.querySelector("#tijiaoText");
let contentList = [];// 保存微博列表信息
btn.onclick = function(){
	// 1- 收集数据
	// 收集的微博信息
	const context = contextArea.value.trim();
	// 判断是否为空字符串
	if(context.length === 0){
		alert("请输入微博信息");
		return;
	}
	// 判断当前微博列表中是否拥有该微博信息
	if(contentList.some(item=>item.context === context)){
		alert("请不要输入相同的微博信息");
		return;
	}
	// 2- 添加数据:在原来的数组的基础上实现头部添加
	contentList = [
		{
			// 唯一标识
			id:Math.random().toString(36).slice(2)+Date.now(),
			context,// 微博内容
			topNum:0,// 顶，初始值为0
			downNum:0,// 顶，初始值为0
			addTime:getNowTime()// 添加的时间
		},
		...contentList
	];
	// 清空文本框数据
	contextArea.value = null;
	console.log(contentList);
	// 3- 更新视图
}